<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>分组管理</title>
	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../css/louis.css">
	<link rel="stylesheet" type="text/css" href="../css/kkpage.css">
	<script type="text/javascript" src="../js/kkpage.min.js"></script>
	<script type="text/javascript" src="../js/static/jquery.min.js"></script>
	<script type="text/javascript" src="../js/static/jquery.easyui.min.js"></script>
	<!--<script type="text/javascript" src="../js/louis.js"></script>-->
	<script type="text/javascript" src="../js/static/jquery.cookie.js"></script>
	<script type="text/javascript" src="../js/common.js"></script>
	<script type="text/javascript" src="../js/fenzuguanli.js"></script>
</head>
<body>
<div class="right-contain">
	<!--面包屑-->
	<div class="nav-box">
		<a href="">教练管理</a> > <span>分组管理</span>
	</div>
	<!--新增分组-->
	<div class="mt-20">
		<a class="btn-ff7043 dialogShow" id="add-mygroup" href="javascript:;">新增分组 +</a>
	</div>
	<div class="clearfix mt-20">
	<!--创建我的分组-->
		<div class="add-mygroup box-shadow">
			<dl class="add-mygroup-dl">
				<dt>我创建的组</dt>
				<dd class="cur" group_id="1">饮食计划</dd>
				<dd>健身计划</dd>
			</dl>
		</div>
		<!--组1-->
		<div class="mygroup-list box-shadow" style="display: block;">
			<div class="mygroup-header">
				饮食计划<span class="num">组员人数：18人</span><a href="fenzuguanli-xinzengzuyuan.html" class="btn-5faee3">新增组员</a><input class="btn-ccc" type="button" name="remove_teacher" value="删除组员">
					   <input class="btn-5faee3 dialogShow" type="button" name="bianji" value="编辑组名"><input class="btn-5faee3" type="button" name="jiesan" value="解散分组">
			</div>
			<table class="table-list" border="0" cellspacing="0" cellpadding="0">
				<thead>
					<tr>
						<th width="85">&nbsp;</th>
						<th>头像</th>
						<th>昵称</th>
						<th>性别</th>
						<th>年龄</th>
						<th>手机号</th>
						<th>是否已认证</th> 
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><input type="checkbox" name="" id="" value="" /></td>
						<td><img src="../images/man.jpg" width="36" height="36"/></td>
						<td>Grace he</td>
						<td>女</td>
						<td>26岁</td>
						<td>13859685968</td>
						<td>已认证</td>
						<td><span class="btn-border dialogShow">教练详情</span></td>
					</tr>
				</tbody>
			</table>
		</div>
		<!--组2-->
		<div class="mygroup-list box-shadow">
			<div class="mygroup-header">
				健身计划<span class="num">组员人数：17人</span><input class="btn-5faee3 dialogShow" type="button" name="" id="" value="新增组员"><input class="btn-ccc" type="button" name="" id="" value="删除组员">
			</div>
			<table class="table-list" border="0" cellspacing="0" cellpadding="0">
				<thead>
					<tr>
						<th width="85">&nbsp;</th>
						<th>头像</th>
						<th>昵称</th>
						<th>性别</th>
						<th>年龄</th>
						<th>手机号</th>
						<th>是否已认证</th> 
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><input type="checkbox" name="" id="" value="" /></td>
						<td><img src="../images/man.jpg" width="36" height="36"/></td>
						<td>Grace he</td>
						<td>女</td>
						<td>26岁</td>
						<td>13859685968</td>
						<td>已认证</td>
						<td><span class="btn-border dialogShow">教练详情</span></td>
					</tr>
					<tr>
						<td><input type="checkbox" name="" id="" value="" /></td>
						<td><img src="../images/man.jpg" width="36" height="36"/></td>
						<td>Grace he</td>
						<td>女</td>
						<td>26岁</td>
						<td>13859685968</td>
						<td>未认证</td>
						<td><span class="btn-border dialogShow">教练详情</span></td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
<!--新增分组-->
<div class="dialog dialog2" id="dialog-fenzuguanli" style="margin-left: -368px;top:10px;">
	<div class="dialog-header">新增分组</div>
	<div class="dialog-con width238">
		<input class="dialog-input" type="hidden" name="id" value="0" />
		<input class="dialog-input" type="text" name="name" placeholder="请输入组名称" />
	</div>
	<div class="dialog-bottom">
		<button class="btn-ff7043" name="save" type="button">确认</button><button class="btn-border dialogOut" name="cancel" type="button">取消</button>
	</div>
</div>
<!--新增分组-->
<!--教练详情-->
<div class="dialog dialog1" style="margin-left: -237.5px; margin-top: -203px;">
	<div class="dialog-con">
		<div class="teacher-info">
			<div class="dialog-title">基本信息<span class="close dialogOut"><img src="../images/close.png"></span></div>
			<dl class="list">
				<dd>年龄：26岁     </dd>
				<dd>授课城市：上海市</dd>
				<dd>感兴趣科目：时尚舞蹈/传统舞蹈</dd>
				<dd>真实姓名：张三</dd>
				<dd>生日：1988-12-15</dd>
				<dd>手机：136358</dd> 
				<dd>个性签名：这个人很懒</dd>
			</dl>
			<div class="img">
				<img src="../images/man2.jpg">
				<p>昵称</p>
			</div>
			<p style="clear: both;"></p>
		</div>
		<div class="dialog-title mt-20" style="padding-left: 20px;margin-bottom: 10px;">基本信息</div>
		<table class="dialog-table" border="0" cellspacing="0" cellpadding="0">
			<tbody><tr bgcolor="f1f1f1">
				<th>课程/专业</th>
				<th>学校/机构</th>
				<th>起止时间</th>
				<th>证书资质</th>
			</tr>
			<tr>
				<td>瑜伽培训</td>
				<td>莱美学院</td>
				<td>2012.6-2013.9</td>
				<td>证书资质</td>
			</tr>
			<tr>
				<td>瑜伽培训</td>
				<td>莱美学院</td>
				<td>2012.6-2013.9</td>
				<td>证书资质</td>
			</tr>
		</tbody></table>
	</div>
</div>
<!--教练详情-->
<style type="text/css">
	/*function resize_window(){
            $("#left").height($(window).height()-100);
            $("#right").height($(window).height()-100).width($(window).width()-201);
            }
            $(function () {
                resize_window();
                $(window).resize(function(){
                    resize_window();
            });
        });*/
</style>
</body>
</html>